<template>
    <div>
        <Settingheader :titletext='settingtitle' :backpage="backpage"></Settingheader>
        <div class="sendbug">
            <div class="faq">常见问题</div>
            <div class="con"></div>
        </div>
        <div class="footer">
            <div class="addimg">
                <img src="http://ot9lfn4ld.bkt.clouddn.com/jiahaohui.png" alt="添加图片">
            </div>
            <div class="addsmile">
                <img src="http://ot9lfn4ld.bkt.clouddn.com/smile.png" alt="表情">
            </div>
            <div class="addmsg">
                <input type="text" v-model="text" placeholder="请输入文字">
            </div>
            <div class="sendbtn">
                <button>发送</button>
            </div>
        </div>
    </div>
</template>
<script>
import Settingheader from "../../components/settingheader";
export default {
    name: 'sendbug',
    data() {
        return {
            settingtitle: 'loveliness小助理',
            backpage: 'setting',
            text: ''
        }
    },
    components: {
        Settingheader
    }
}
</script>
<style lang="less" scoped>
@w: 75rem;
.sendbug {
    font-size: 28/@w;
    position: absolute;
    border: 1px solid #808080; // width: 713/@w;
    left: 20/@w;
    right: 20/@w;
    margin: 0 auto;
    bottom: 0;
    top: 88/@w;
    .faq {
        text-align: center;
        color: #808080;
        font-size: 24/@w;
        margin-top: 32/@w;
    }
}

.footer {
    position: fixed;
    bottom: 0;
    height: 90/@w;
    border-top: 1px solid #808080;
    width: 100%;
    padding: 0 36/@w;
    background: #fff;
    font-size: 24/@w;
    box-sizing: border-box;
    padding: 20/@w 0 0 36/@w;
    div {
        float: left;
        img {
            width: 32/@w;
            height: 32/@w;
            margin-top: 14/@w;
            margin-right: 25/@w;
        }
    }
    .addmsg {
        input {
            height: 46/@w;
            width: 427/@w;
            float: left;
            font-size: 24/@w;
            border-radius: 20px;
        }
    }
    .sendbtn {
            button {
                width: 92/@w;
                height: 46/@w;
                font-size: 20/@w;
                color:#808080;
                border-radius: 23/@w;
            }
            margin-left: 20/@w;
        }
}
</style>

